<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title>咪咕视频"短视频" 22001010528 王雪伊</title>
    <link rel="stylesheet" href="wang_css/duanshipin.css">
    <script src="./wang_fonts/iconfont.js"></script>
</head>
<body>
    <body>
        <header class="wang_header">
            <nav>
                <ul class="header3">
                    <li><a href="#">关注</a></li>
                    <li><a href="#">推荐</a></li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-time"></use>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-jia"></use>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-sousuo1"></use>
                            </svg>
                        </a>
                    </li>
                </ul>
            </nav>
        </header>
        <nav class="wang_nav">
            <ul>
                <li>
                    <a href="./index.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-migushipin-copy"></use>
                        </svg>
                        <p>首页</p>
                    </a>
                </li>
                <li>
                    <a href="./tiyu.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tiyu"></use>
                        </svg>
                        <p>体育</p>
                    </a>
                </li>
                <li>
                    <a href="./vip.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-VIP2"></use>
                        </svg>
                        <p>VIP</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-yishu_duanshipin-copy"></use>
                        </svg>
                        <p>短视频</p>
                    </a>
                </li>
                <li>
                    <a href="./wode.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-wode1"></use>
                        </svg>
                        <p>我的</p>
                    </a>
                </li>
            </ul>
        </nav>
        <main class="wang_main">
            <div class="container">
                <div class="main-content">
                    <div class="video-container">
                        <video controls>
                            <source src="./wang_img/视频.mp4">
                            您的浏览器不支持HTML5视频标签。
                        </video>
                    </div>
                    <div class="live-info">
                        <!-- 将文本替换为按钮 -->
                        <button class="enter-live-button">'''点击进入直播间'''</button>
                    </div>
                    <div class="wang_container">
                        <ul class="zlist1">
                            <li>
                                <img src="wang_img/头像2.png">
                                <div class="ztxt1">
                                    <h2>2024新加坡大满贯</h2>
                                    <div>
                                        <span class="author">汉堡君邀您共同回顾新加坡大满贯“莎头”精彩时刻</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </main> 
</body>
</script>
</script>
</body>
</script>
</html>

</html>

    </script>
</html>